import React from 'react'
import PubSub from 'pubsub-js'
import './Header.css'
export default function Header() {
  return (
    <div className="todo-header">
      <input
        type="text"
        onKeyUp={(e) => {
          // 判断用户是否为空,或按下的时候是回车键
          const value = e.target.value.trim()

          if (e.key !== 'Enter' || !value) return

          // 发布任务名
          PubSub.publish('add', value)

          // 清空文本框
          e.target.value = ''
        }}
      />
    </div>
  )
}
